<template>
	<view class="drop">
		<navigator url="/components/components/power" hover-class="navigator-hover"  class="drleft">
			<svg class='icon' aria-hidden='true' >
				<use xlink:href='#icon-standard'></use>
			</svg>
			<view class="power">权限内∨</view>
		</navigator>
		<navigator url="/components/components/power" hover-class="navigator-hover"  class="drright">
			<view class="time">时间</view>
		</navigator>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	// 下拉菜单栏
		.drop {
			height: 56 * 2rpx;
			border-bottom: 8 * 2rpx solid #F2F2F7;
			padding: 0 16 * 2rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			
			.drleft {
				display: flex;
				align-items: center;
				width: 300rpx;
				.icon {
					width: 30 * 2rpx;
					height: 30 * 2rpx;
					border-radius: 5 * 2rpx;
				}
				.power{
					width: 300rpx;
					margin-left: 5rpx;
				}
			}
			.drright {
				display: flex;
			}
		}
		.height{
			height: 50*2rpx;
		}
	}
</style>
